<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>角色添加</title>
<style type="text/css">
<!--
body {
	margin-left: 3px;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
}

.STYLE1 {
	color: #e1e2e3;
	font-size: 12px;
}

.STYLE6 {
	color: #000000;
	font-size: 12;
}

.STYLE10 {
	color: #000000;
	font-size: 12px;
	text-align: right;
}

.STYLE19 {
	color: #344b50;
	font-size: 12px;
}

.STYLE21 {
	font-size: 12px;
	color: #3b6375;
}

.STYLE22 {
	font-size: 12px;
	color: #295568;
}
-->
</style>


<link rel="stylesheet"
	href="<%=path%>/script/ztree_3.3/css/zTreeStyle/zTreeStyle.css"
	type="text/css" />
<script type="text/javascript"
	src="<%=path%>/script/jquery-1.7.2.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/script/ztree_3.3/js/jquery.ztree.all-3.3.js"></script>
<script language="javascript" >
	var setting = {
		data : {
			simpleData : { //simpleData表示这个一个简单的ztree树形结构（还有一种标准结构，具体查看Ztreeapi）
				enable : true
			}
		},
	
	check: {
		enable: true,   //表示启用复选框
		chkboxType : { "Y" : "ps", "N" : "ps" }  //"Y" : "ps" 表示当某一节点被勾选的 时候，其子节点(s)与父节点(p)也会被勾选，N表示取消勾选，ps同理可证
	}
	};

	var loadURL="<%=path%>/roleAction!loadMenuDate?date="+new Date();
	$.get(loadURL, function(treeDate) {  //从数据库中取到json格式的数据（节点数据）返回给ztree使用。
		
		
		$.fn.zTree.init($("#treeDemo"), setting, treeDate); //把ztree树形结构按照setting的规则，节点为treeDate，加载到id为ztreeDemo的标签中
	}, "json");
	
	/*
			*********以上为ztree的定义 *****************
	*/
	
	function saveData(){ //该方法用于保存角色数据
	
			var array_id=new Array();
			//此时的nodes数组存放的是json对象
			for(var i=0;i<nodes.length;i++){
				var id=	nodes[i].id;
				array_id.push(id);
			}
			//把得到的存放用户选中菜单id的数据赋给隐藏域
			$("#check_menu_id").val(array_id);
	
		
		//表单提交
		var saveURL="<%=path%>/userAction!save?date="+new Date()+"";
		
		var data=$("#form1").serializeArray();  //此方法返回的是JSON对象而非JSON字符串,因为post发送的数据格式为json对象
		
		$.post(saveURL, data, function(jsonDate){
			// 返回的的是一个json对象
			var flag = 			jsonDate.flag;
			var message = 		jsonDate.message;
			if (flag == true){
				var confirmFlag = window.confirm("数据添加成功，是否继续添加?");
				if (confirmFlag == true){
					document.getElementById("form1").reset(); //清空表单的内容
					treeObj.checkAllNodes(false);	//清除ztree中已勾选
					jQuery("#button1").attr("disabled",false);   //用户如果选择继续添加，则启用提交按钮
					
				}else{
					var listURL = "<%=path%>/userAction!list";
					window.location.href = listURL;
				}
			}else{
				window.alert("数据添加失败，错误原因 = " + message);
				jQuery("#button1").attr("disabled",false);  //出现异常后启用提交按钮
			}
			
			
		}, "json")

	}	
	
</script>
</head>

<body>
	<table width="100%" border="0" align="center" cellpadding="0"
		cellspacing="0">
		<!-- 头部 -->
		<tr>
			<td height="30"><table width="100%" border="0" cellspacing="0"
					cellpadding="0">
					<tr>
						<td height="24" bgcolor="#353c44"><table width="100%"
								border="0" cellspacing="0" cellpadding="0">
								<tr>
									<td><table width="100%" border="0" cellspacing="0"
											cellpadding="0">
											<tr>
												<td width="6%" height="19" valign="bottom"><div
														align="center">
														<img src="images/tb.gif" width="14" height="14" />
													</div></td>
												<td width="94%" valign="bottom"><span class="STYLE1">
														管理人员基本信息列表1111</span></td>
											</tr>
										</table></td>
									<td><div align="right">
											<span class="STYLE1"> <input type="checkbox"
												name="checkbox11" id="checkbox11" /> 全选 &nbsp;&nbsp;<img
												src="images/add.gif" width="10" height="10" /> 添加 &nbsp; <img
												src="images/del.gif" width="10" height="10" /> 删除
												&nbsp;&nbsp;<img src="images/edit.gif" width="10"
												height="10" /> 编辑 &nbsp;
											</span><span class="STYLE1"> &nbsp;</span>
										</div></td>
								</tr>
							</table></td>
					</tr>
				</table></td>
		</tr>


		<!-- 中间的数据 -->
		<tr>
			<td>
				<form id="form1">
					<table width="100%" border="0" cellpadding="0" cellspacing="1"
						bgcolor="#a8c7ce">
						<tr>
							<td width="4%" height="20" bgcolor="d3eaef" class="STYLE10">用户编码：</td>
							<td width="10%" height="20" bgcolor="#FFFFFF" class="STYLE19">
								<s:textfield name="role_id" id="role_id" />
							</td>
						</tr>
						<tr>
							<td width="4%" height="20" bgcolor="d3eaef" class="STYLE10">用户名称：</td>
							<td width="10%" height="20" bgcolor="#FFFFFF" class="STYLE19">
								<s:textfield name="role_name" id="role_name" />
							</td>
						</tr>
						<tr>
							<td width="4%" height="20" bgcolor="d3eaef" class="STYLE10">用户备注：</td>
							<td width="10%" height="20" bgcolor="#FFFFFF" class="STYLE19">
								<s:textarea name="role_remark" id="role_remark" rows="5"
									cols="50" />
							</td>
						</tr>
						<tr>
							<td width="4%" height="20" bgcolor="d3eaef" class="STYLE10">分配角色：</td>
							<td width="10%" height="20" bgcolor="#FFFFFF" class="STYLE19">
					<s:checkboxlist list="#request.userMap" name="roleList" id="roleList" theme="self"></s:checkboxlist><!-- 自定义checkbox标签样式 -->
							</td>
						</tr>
						<tr>
							<td width="4%" height="20" colspan="2" bgcolor="#FFFFFF"
								class="STYLE19" align="center"><input type="button"
								value="保存数据" id="button1" onclick="saveData();" />
							 <Input	type="text" name="check_menu_id" id="check_menu_id" /></td><!-- 隐藏域，用于发送用户选中的菜单-->
						</tr>
					</table>
				</form>
			</td>
		</tr>
	</table>
</body>
</html>
